 
    body
    {
        width:100%;
        height: 100%;

    }
    .register{
    	margin: 5% 0px 0px 25%;
    	
    }
    .form-bg{
        width:100%;
        height:80%;
        background-image: url("../img/bg.jpg");
    }
	.form-horizontal{
	    background: #fff;
	    padding-bottom: 3em;
	    border-radius: 1em;
	    text-align: center;
	}
	.form-horizontal .heading{
	    display: block;
	    font-size: 2em;
	    font-weight: 700;
	    padding: 0.5em 0;
	    color: #6a6e80 ;
	    border-bottom: 1px solid #f0f0f0;
	    margin-bottom: 0.8em;
	}
	.form-horizontal .form-group{
	    padding: 0 2.2em;
	    margin: 0 0 1.5em 0;
	    position: relative;
	}
	.form-horizontal .form-control{
	    background: #f0f0f0;
	    border: none;
	    border-radius: 1.2em;
	    box-shadow: none;
	    padding: 0 1.2em 0 4em;
	    height: 2.8em;
	    transition: all 0.3s ease 0s;
	}
	.form-horizontal .form-control:focus{
	    background: #e0e0e0;
	    box-shadow: none;
	    outline: 0 none;
	}
	.form-horizontal .form-group i{
	    position: absolute;
	    top: 0.8em;
	    left: 60px;
	    font-size: 17px;
	    color: #c8c8c8;
	    transition : all 0.5s ease 0s;
	}
	
	.form-horizontal .form-control:focus + i{
	    color: #ff9d00;
	}
	.form-horizontal .fa-question-circle{
	    display: inline-block;
	    position: absolute;
	    top: 0.8em;
	    right: 3.8em;
	    font-size: 20px;
	    color: #808080;
	    transition: all 0.5s ease 0s;
	}
	.form-horizontal .fa-question-circle:hover{
	    color: #000;
	}
	.form-horizontal .main-checkbox{
	    float: left;
	    width: 1.4em;
	    height: 1.2em;
	    background: #11a3fc;
	    border-radius: 50%;
	    position: relative;
	    margin: 5px 0 0 5px;
	    border: 1px solid #11a3fc;
	}
	.form-horizontal .main-checkbox label{
	    width: 1.3em;
	    height: 1.3em;
	    position: absolute;
	    top: 0;
	    left: 0;
	    cursor: pointer;
	}
	.form-horizontal .main-checkbox label:after{
	    content: "";
	    width: 0.6em;
	    height: 5px;
	    position: absolute;
	    top: 5px;
	    left: 4px;
	    border: 3px solid #fff;
	    border-top: none;
	    border-right: none;
	    background: transparent;
	    opacity: 0;
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.form-horizontal .main-checkbox input[type=checkbox]{
	    visibility: hidden;
	}
	.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
	    opacity: 1;
	}
	.form-horizontal .text{
	    float: left;
	    margin-left: 0.4em;
	    line-height: 1.2em;
	    padding-top: 0.2em;
	    text-transform: capitalize;
	}
	.form-horizontal .btn{
	    float: right;
	    font-size: 15px;
	    color: #fff;
	    background: #ff9d00;
	    border-radius: 2em;
	    padding: 0.2em 1.2em;
	    border: none;
	    text-transform: capitalize;
	    transition: all 0.5s ease 0s;
	}
	
	.btn:nth-child(2){
		box-sizing: border-box;
    	float: left;
	}
	.col-md-6{
	    background-color: inherit;
	    border: none;
	}
	
	.gly_end{
		margin-left: 80%;
	}




/*媒体查询：当视口在768px下面*/
@media(max-width: 767px) { 
	 .register{
    	margin: 5% 0px 0px 1%;
    }
	.col-xs-12 {
	    width: 90%;
	    margin-left: 5%;
	}
	.gly_end {
	    margin-left: 78%;
	}

    
}
/*媒体查询：当视口在600px下面*/
@media(max-width: 600px) { 
	.gly_end {
	    margin-left: 72%;
	}

    
}
/*媒体查询：当视口在400px下面*/
@media(max-width: 400px) { 
	.gly_end {
	    margin-left: 65%;
	}
 
}		
 /*媒体查询：当视口在768px时,到970px之间*/
@media (min-width: 768px) and (max-width: 992px) { 
	 .register{
    	margin: 5% 0px 0px 18%;
    }
    .col-sm-10{
    	 width: 70%;

    }
   .gly_end {
	    margin-left: 75%;
	}
}

 /*媒体查询：当视口小于992px时，到1200p之间，导航菜单字体变小，避免了换行的问题*/
@media (min-width: 992px) and (max-width: 1200px) {


}



/*-------------------------
	Inline help tip
--------------------------*/


.help-tip{
	position: absolute;
	top: 8px;
	right: 8px;
	text-align: center;
	background-color: #BCDBEA;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: default;
	z-index: 11;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
	display: none;
	text-align: left;
	background-color: #ff9d00;
	padding: 5px;
	width: 200px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
}

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:-12px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}


